.VideoXuanji-box{
	width: 750rpx;
	/* #ifdef H5 || MP || APP-VUE */
	display: flex;
	view {
		display: flex;
		
	}
	/* #endif */
	
	//background-color: #67C23A;
	justify-content: center;
	align-items: center;
	margin-bottom: 20rpx;
	margin-top: 40rpx;
	.VideoXuanji{
		width: 690rpx;
		//background-color: #F0F0F0;
		.Top{
			//background-color: #007AFF;
			padding-bottom: 30rpx;
			.Header{
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: center;
				.left{
					.Tit-text{
						color: #333;
						/* #ifdef H5 || MP || APP-VUE */
						font-size: 30rpx;
						/* #endif */
						/* #ifdef APP-NVUE || APP-PLUS-NVUE */
						font-size: 38rpx;
						/* #endif */
						font-weight: 700;
					}
				}
				.right{
					flex-direction: row;
					flex-wrap: nowrap;
					.jishu-count-text{
						color: #78808c;
						/* #ifdef H5 || MP || APP-VUE */
						font-size: 24rpx;
						/* #endif */
						/* #ifdef APP-NVUE || APP-PLUS-NVUE */
						font-size: 28rpx;
						/* #endif */
					}
					.icons {
						.nvueiconfont {
							color: #78808c;
							font-size: 28rpx;
						}
					}
				}
			}
		}
		.Bottom,.scoll{
			/* #ifdef APP-NVUE */
			
			/* #endif */
			width: 690rpx;
			flex-direction: row;
			flex-wrap: nowrap;
			/* #ifdef APP-NVUE || APP-PLUS-NVUE */
			//white-space: nowrap!important;
			//display: inline-block!important;
			overflow-x: auto;
			/* #endif */
			
			
			
			.xuanji,
			.scoll-x{
				
				width: 690rpx;
				flex-direction: row;
				flex-wrap: nowrap;
				/* #ifdef APP-NVUE || APP-PLUS-NVUE */
				white-space: nowrap!important;
				overflow-x: auto;
				/* #endif */
				justify-content: flex-start;
				align-items: center;
				
				.scollView{
					flex-direction: row;
					flex-wrap: nowrap;
					.xuanji-item{
						/* #ifdef APP-NVUE || APP-PLUS-NVUE */
						//display: inline-block!important;
						/* #endif */
						//width: 100rpx;
						height: 100rpx;
						background-color: #e6ecf3;
						margin-right: 20rpx;
						justify-content: center;
						align-items: center;
						border-radius: 10rpx;
						.jishu-text{
							//width: 100rpx;
							color: #333;
							/* #ifdef H5 || MP || APP-VUE */
							font-weight: 500;
							/* #endif */
							/* #ifdef APP-NVUE || APP-PLUS-NVUE */
							font-weight: 700;
							/* #endif */
							font-size: 36rpx;
						}
					}
					.current{
						background-color: #858d9c;
						.jishu-text{
							color: #fff;
						}
					}
				}
				
			}
		}
	}
	
}
.scroll-view {
	height: 100rpx!important;
}

/* #ifdef H5 || MP || APP-VUE */
.h5{
	width: 690rpx;
	.xuanji{
		width: 690rpx;
		.scollView{
			width: 690rpx;
			flex-direction: row;
			flex-wrap: nowrap;
			.xuanji-item{
				width: 100rpx;
				justify-content: center;
				align-items: center;
				.jishu-text{
					width: 100rpx;
					justify-content: center;
					align-items: center;
				}
			}
		}
	}
}
/* #endif */


//选集弹窗
.popup-box {
	/* #ifdef H5 || MP || APP-VUE */
	display: flex;
	view {
		display: flex;
	}
	/* #endif */
	width: 750rpx;
	background-color: #FFFFFF;
	justify-content: center;
	align-items: center;
	padding-bottom: 20rpx;
	.popup {
		width: 690rpx;
		padding: 40rpx 0;
		.popup-xuanji {
			width: 690rpx;
			.popup-scroll-view {
				height: 500rpx;
				/* #ifdef APP-NVUE || APP-PLUS-NVUE */
				white-space: nowrap!important;
				overflow-y: auto!important;
				/* #endif */
				//justify-content: flex-start;
				.popup-scollView {
					flex-wrap: wrap;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					.popup-xuanji-item {
						width: 100rpx;
						height: 100rpx;
						background-color: #e6ecf3;
						//margin-right: 20rpx;
						margin-bottom: 16rpx;
						justify-content: center;
						align-items: center;
						border-radius: 10rpx;
						.popup-jishu-text {
							color: #333;
							/* #ifdef H5 || MP || APP-VUE */
							font-weight: 500;
							/* #endif */
							/* #ifdef APP-NVUE || APP-PLUS-NVUE */
							font-weight: 700;
							/* #endif */
							font-size: 36rpx;
						}
					}
					.popup-current{
						background-color: #858d9c;
						.popup-jishu-text{
							color: #fff;
						}
					}
				}
			}
		}
		.tit-box {
			width: 690rpx;
			justify-content: center;
			align-items: center;
			padding-top: 30rpx;
			.tit-text {
				color: #78808c;
				/* #ifdef H5 || MP || APP-VUE */
				font-size: 24rpx;
				/* #endif */
				/* #ifdef APP-NVUE || APP-PLUS-NVUE */
				font-size: 32rpx;
				/* #endif */
				
			}
		}
		
	}
}


// 非综艺通用样式
.VideoXuanji-box{
	.VideoXuanji{
		.Bottom,.dy{
			.dy-xuanji{
				.scollView{
					.xuanji-item{
						width: 100rpx!important;
						justify-content: center!important;
						align-items: center!important;
						.dy-btn{
							//padding: 0 20rpx;
						}
					}
				}
			}
		}
	}
}

// 综艺专用样式
.VideoXuanji-box{
	.VideoXuanji{
		.Bottom{
			.zy-xuanji{
				.scollView{
					.xuanji-item{
						width: auto!important;
						.zy-btn{
							width: auto!important;
							padding: 0 30rpx!important;
						}
					}
				}
			}
		}
	}
}







